<script setup>
const props = defineProps({
  fill: String,
})
</script>

<template>
  <div>
    <svg viewBox="0 0 24 24">
      <path
        :fill="props.fill"
        d="M7.777 2.167c-.815.193-1.545.593-2.237 1.054-3.529 2.353-3.59 7.716-.309 10.313 1.558 1.233 3.729 1.58 5.632 1.157a6.718 6.718 0 0 0 1.775-.668c3.458-1.97 3.976-6.704 1.672-9.722-.53-.693-1.45-1.25-2.212-1.633-.834-.416-1.538-.527-2.47-.527-.58 0-1.284-.108-1.85.026Zm6.481 19.185c.552 0 .917-.51 1.389-.759 1.321-.697 2.532-1.615 3.857-2.314.414-.218.815-.485 1.235-.694.16-.081.354-.118.386-.322.049-.316-.192-.48-.373-.695-.369-.434-.738-.854-1.08-1.311-.134-.178-.473-.45-.438-.694.042-.29.671-.553.887-.72.686-.534 1.317-1.132 2.006-1.659.234-.179.645-.327.81-.579.252-.384-.57-.912-.81-1.106-.894-.72-1.726-1.512-2.597-2.263-.296-.254-.547-.61-.874-.823-.558-.364-.966.909-1.144 1.286-.708 1.498-1.564 2.948-2.2 4.475-.146.352-.661 1.006-.475 1.389.294.604.956 1.226 1.427 1.697.189.189.638.494.669.771.04.373-.55.956-.76 1.235-.458.61-.77 1.31-1.207 1.929-.255.358-.66.706-.708 1.157Zm-1.234-6.21c-.352.117-.752.51-1.08.707-.479.285-1 .518-1.466.822-.285.186-.88.757-1.235.708-.27-.038-.545-.35-.771-.489-.69-.421-1.41-.772-2.083-1.222-.316-.21-.765-.671-1.158-.398-.335.233-.558.614-.861.887-1 .901-1.984 1.883-2.79 2.957-.338.45-.747 1.185-.476 1.775.366.8 1.42 1.003 2.199 1.003h7.792c.274 0 .593.045.848-.077.382-.182.537-.747.759-1.08.522-.783.953-1.627 1.504-2.392.256-.353.72-.857.746-1.312.017-.287-.218-.391-.399-.565-.331-.32-.661-.65-.99-.978-.13-.13-.323-.418-.54-.347Z"
      ></path>
    </svg>
  </div>
</template>
